﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/InternalPage.Master"
  Inherits="MvcContrib.FluentHtml.ModelViewPage<ResetPasswordViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
  Reset Password
</asp:Content>
<asp:Content ID="resetPasswordContent" ContentPlaceHolderID="PageHeader" runat="server">
  Reset Password
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  <div class="account-form">
    <% Html.BeginForm("ResetPassword", "Account", FormMethod.Post, new { id = "resetPasswordForm" }); %>
    <div class="center">
      <span class="logon-header">Enter Your Username or Email</span></div>
    <div class="clearDiv entry-row">
      <%= this.Label(m => m.UserName).Value("Username:") %>
      <%= this.TextBox(m => m.UserName).Class("text") %>
    </div>
    <div class="clearDiv entry-row">
      <%= this.Label(m => m.Email).Value("Email:") %>
      <%= this.TextBox(m => m.Email)
            .Class("text")
            .ValidateForEmail() %>
    </div>
    <div class="center">
      <a href="#" onclick="javascript:submitResetPasswordForm()" class="btn">Reset</a>
    </div>
    <% Html.EndForm(); %>
  </div>
</asp:Content>
<asp:Content ID="resetPasswordScripts" ContentPlaceHolderID="Scripts" runat="server">
  <script type="text/javascript">
    $(document).ready(function () {
      $('#resetPasswordForm').validate(); // jquery validation 
    });

    function submitResetPasswordForm() {
      $('#resetPasswordForm').trigger('submit'); // submit the form
      return false; //return false to stop the link from doing anything
    }
  </script>
</asp:Content>
